<template>
	<view class="search">
		<view class="searchIn">
			<input class="searchInput" placeholder="请输入关键词" disabled="true" @click="onSearch()" style="background-color: #FFFFFF;border-radius: 20rpx; font-size: 24rpx;" />
		</view>
		<view class="Iconcamera">
			<u-icon  name="scan" :size="36"></u-icon>
		</view>
		<view class="Iconsearch">
			<u-icon  name="search" :size="36"></u-icon>
		</view>
	
	</view>
</template>

<script>
	export default {
		name:"yd-search",
		data() {
			return {
				
			};
		},methods:{
			/**
			* 搜索点击
			*/
			onSearch(){
				uni.navigateTo({url:'/pages/search/search'})
			},
		}
	}
</script>

<style lang="scss">
.search{
	height: 100%;
	width: 100%;
	position: relative;
	border-radius: 20rpx;
	background-color: #ffffff;
}
.searchIn{
	height: 100%;
	position: absolute;
	width: 100%;
	.searchInput{
		height: 100%;
		margin-left: 70rpx;
	}
}
.Iconcamera{
	margin-top: 14rpx;
	
	margin-left:20rpx;
	position: absolute;
	border-right: 1rpx solid #d0d0d0;
	height:36rpx;
	width: 50rpx;
}

.Iconsearch{
	margin-top: 10rpx;
	float: right;
	position: absolute;

	right: 20rpx;
	
}
</style>
